<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="../../../css/aui.css" />
    <link rel="stylesheet" href="../../../css/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../../css/my/order/order_details.css">
    <title>订单详情</title>
</head>
<body style="cursor: pointer;">
<!--内容-->
<div class="aui-content aui-margin-b-15" id="order_infor">
</div>
</body>
<script src="../../../script/extend/jquery-3.3.1.min.js"></script>
<script src="../../../script/aui/api.js"></script>
<script src="../../../script/aui/aui-dialog.js"></script>
<script src="../../../script/common.js"></script>
<script src="../../../script/config.js"></script>
<script src="../../../script/extend/doT.min.js"></script>
<script src="../../../script/widget/js-time.js"></script>
<!--详情 start-->
<script id="interpolationtmpl" type="text/x-dot-template">
    <!--step2:车次信息-->
    <ul class="aui-list aui-list-in basics">
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">订单详情(订单号:{{=it.situation.user_orderid}} {{=it.situation.type_name}})</div>
            </div>
        </li>
    </ul>
    {{if(it.product_id == 5){ }}
    <ul class="aui-list aui-media-list">
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-row aui-row-padded order_header">
                    <div class="aui-col-xs-4">
                        <span>{{=it.basic.from_station_name}}</span><br>
                        <span>{{=it.basic.train_start_time.slice(10)}}</span><br>
                        <span>{{=it.basic.train_start_time.slice(0,10)}}</span>
                    </div>
                    <div class="aui-col-xs-4">
                        <span>{{=it.basic.train_code}}</span>
                        <img src="../../../image/time_table.png" alt="">
                        <span>{{=it.basic.run_time_minute}}分钟</span>
                    </div>
                    <div class="aui-col-xs-4">
                        <span>{{=it.basic.to_station_name}}</span><br>
                        <span>{{=it.basic.train_end_time.slice(10)}}</span><br>
                        <span>{{=it.basic.train_end_time.slice(0,10)}}</span>
                    </div>
                </div>
            </div>
        </li>
    </ul>

    <!--step1:订单概况-->
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                订单概况
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">创建人</div>
                <div class="aui-list-item-right">{{=it.situation.create_user_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">创建方式</div>
                <div class="aui-list-item-right">{{=it.situation.pay_device}}端</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">创建时间</div>
                <div class="aui-list-item-right">{{=it.situation.create_time.slice(0,10)}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">预订人</div>
                <div class="aui-list-item-right">{{=it.situation.book_user_name}}</div>
            </div>
        </li>
        {{? it.basic.choose_seats != 0}}
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">已选座位</div>
                    <div class="aui-list-item-right">{{=it.basic.choose_seats}}</div>
                </div>
            </li>
        {{?}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">所属公司</div>
                <div class="aui-list-item-right">{{=it.situation.company_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">所属部门</div>
                <div class="aui-list-item-right">{{=it.situation.department_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">订单状态</div>
                <div class="aui-list-item-right">{{=it.situation.status_text}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">订单金额</div>
                <div class="aui-list-item-right">￥{{=it.situation.order_total_price}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">实退总额</div>
                <div class="aui-list-item-right">￥
                    {{?it.refund.refund_money}}
                    {{=it.refund.refund_money}}
                    {{??}}
                    0
                    {{?}}
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">订单情况</div>
                <div class="aui-list-item-right">

                </div>
            </div>
        </li>
    </ul>
    <!--step3:乘车人-->
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                乘车人({{=it.rider.number}}人)
            </div>
        </li>
        {{ for(var prop in it.rider.rider_list){  }}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">乘客姓名</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].travel_user_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">证件类型</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].travel_user_idcard_type}}</div>
            </div>
        </li>
        {{? it.rider.rider_list[prop].approve_type == 0 || it.rider.rider_list[prop].approve_type == null}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">审批类型</div>
                <div class="aui-list-item-right">免审</div>
            </div>
        </li>
        {{?}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">证件号</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].travel_user_idcard_number}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">座位</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].train_seat_type}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">票价</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].ticket_price}}</div>
            </div>
        </li>
        {{? it.basic.order_type === 0}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">成本中心</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].cost_name}}</div>
            </div>
        </li>
        {{?}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">手机号码</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].travel_user_mobile}}</div>
            </div>
        </li>
        <li class="aui-list-item passenger">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">短信状态</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].message_confirm}}</div>
            </div>
        </li>
        {{ } }}
    </ul>
    <!--step4:政策执行-->
    {{? it.situation.type_name != '因私'}}
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                政策执行({{=it.policy.is_violation}})

            </div>
        </li>
        {{? it.policy.is_violation == '不违规'}}
        <li class="policy">
            {{=it.policy.is_violation}}
        </li>
        {{??}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">政策执行标准</div>
                <div class="aui-list-item-right">
                    {{=it.policy.policy_execute_policy_name}}
                </div>
            </div>
            <!--政策执行标准:{{=it.policy.policy_execute_policy_name}}-->
        </li>
        {{? it.policy.is_violation == '违规'}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">违规类型</div>
                <div class="aui-list-item-right">
                    {{=it.policy.check_msg}}
                </div>
            </div>
        </li>
        {{?}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">规定标准</div>
                <div class="aui-list-item-right">{{=it.policy.policy_execute_policyStr}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">实际情况</div>
                <div class="aui-list-item-right">{{=it.policy.passengers_zwname ? it.policy.passengers_zwname : ''}}</div>
            </div>
        </li>
        {{? it.policy.is_violation == '违规'}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">违规原因</div>
                <div class="aui-list-item-right">{{=it.policy.violation_reason_cause}}</div>
            </div>
        </li>
        {{?}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">备注</div>
                <div class="aui-list-item-right">{{=it.policy.violation_reason_remark}}</div>
            </div>
        </li>
        {{?}}

    </ul>
    {{?}}
    <!--step5:审批信息-->
    {{? it.examine.is_approved != 0}}
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                审批信息
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">审批状态</div>
                <div class="aui-list-item-right">{{=it.examine.approve_status}}</div>
            </div>
        </li>
        <!--<li class="aui-list-item">-->
        <!--<div class="aui-list-item-inner">-->
        <!--<div class="aui-list-item-title">审批选择类型</div>-->
        <!--<div class="aui-list-item-right">{{=it.examine.approve_type}}</div>-->
        <!--</div>-->
        <!--</li>-->
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">审批人</div>
                <div class="aui-list-item-right">{{=it.examine.approve_user}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">审批截止时间</div>
                <div class="aui-list-item-right">{{=it.examine.approve_last_time}}</div>
            </div>
        </li>
    </ul>
    {{?}}
    <!--step6:审批轨迹-->
    {{? it.examine.orNotName == '需要审核'}}
    {{? it.track}}
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                审批轨迹
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">最后审核人</div>
                <div class="aui-list-item-right">
                    {{? it.track.approved_user_name}}
                    {{=it.track.approved_user_name}}
                    {{??}}
                    暂无
                    {{?}}
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">最后审批时间</div>
                <div class="aui-list-item-right">
                    {{? it.track.approved_user_name}}
                    {{=it.track.approve_time}}
                    {{??}}
                    暂无
                    {{?}}
                </div>
            </div>
        </li>
    </ul>
    {{?}}{{?}}
    <!--step7:出行原因-->
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                出行原因
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">出行原因或目的</div>
                <div class="aui-list-item-right">
                    {{? it.business_reason}}
                    {{=it.business_reason}}
                    {{??}}
                    暂无
                    {{?}}
                </div>
            </div>
        </li>
    </ul>
    <!--step8:联系人-->
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                联系人
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">联系人</div>
                <div class="aui-list-item-right">
                    {{? it.linkman.consignee == ''}}
                    暂无
                    {{??}}
                    {{=it.linkman.consignee}}
                    {{?}}
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">手机号</div>
                <div class="aui-list-item-right">
                    {{? it.linkman.consignee_mobile == ''}}
                    暂无
                    {{??}}
                    {{=it.linkman.consignee_mobile}}
                    {{?}}
                </div>
            </div>
        </li>
    </ul>
    <!--step9:其他信息-->
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                其他信息
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">12306订单号</div>
                <div class="aui-list-item-right">{{=it.ordernumber}}</div>
            </div>
        </li>
    </ul>
    <!--step10:支付信息-->

    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                支付信息
            </div>
        </li>
        {{? it.pay_info.pay_status != 0}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付状态</div>
                <div class="aui-list-item-right">{{=it.pay_info.pay_text}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付英文名称</div>
                <div class="aui-list-item-right">{{=it.pay_info.pay_code}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付中文名称</div>
                <div class="aui-list-item-right">{{=it.pay_info.pay_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付设备</div>
                <div class="aui-list-item-right">{{=it.pay_info.pay_device}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付订单号</div>
                <div class="aui-list-item-right">{{=it.pay_info.transaction_id}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付时间</div>
                <div class="aui-list-item-right">{{=it.pay_info.pay_create_time}}</div>
            </div>
        </li>
        {{??}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div>暂无支付相关信息</div>
            </div>
        </li>
        {{?}}
    </ul>

    <!--step11:退票信息-->

    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                退票信息
            </div>
        </li>
        {{? it.situation.status === 7}}
        <!--<li class="aui-list-item">-->
            <!--<div class="aui-list-item-inner">-->
                <!--<div class="aui-list-item-title">退票状态</div>-->
                <!--<div class="aui-list-item-right">{{=it.refund.msg}}</div>-->
            <!--</div>-->
        <!--</li>-->
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">退票金额</div>
                <div class="aui-list-item-right">￥{{=it.refund.refund_money}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">退票时间</div>
                <div class="aui-list-item-right">{{=it.refund.update_time}}</div>
            </div>
        </li>
        {{??}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div>暂无退票相关信息</div>
            </div>
        </li>
        {{?}}
    </ul>

    <!--step12:更多信息-->
    {{? it.memo.memo1 || it.memo.memo2 || it.memo.memo3}}
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                更多信息(为企业预留扩展信息)
            </div>
        </li>
        {{? it.memo.memo1}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">备注一</div>
                <div class="aui-list-item-right">备注一内容</div>
            </div>
        </li>
        {{?}}
    </ul>
    {{?}}

    {{? it.is_button.is_refund != 1 && it.is_button.is_cancel != 1 && it.is_button.is_pay != 1}}
    {{? it.situation.status == -1 || it.situation.status == 0 || it.situation.status == 2 || it.situation.status == 3  || it.situation.status == 6 || it.situation.status == 9 || it.situation.status == 10}}
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                提示
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">温馨提示</div>
                <div class="aui-list-item-right">订单正在处理,请耐心等待。</div>
            </div>
        </li>
    </ul>
    {{?}}{{?}}


    <div class="btn" style="color:#ffffff;">
        <div href="" class="aui-btn aui-btn-success" onclick="backHome();">回到首页</div>
        {{? it.is_button.is_pay == 1}}
        <div class="aui-btn" style="background-color: #229FFD;" onclick=pay('{{=it.situation.user_orderid}}',{{=it.product_id}},{{=it.situation.order_total_price}},{{= it.pay_deadline}})>继续支付</div>
        {{?}}
        {{? it.is_button.is_cancel == 1}}
        <div class="aui-btn" style="background-color: #FE5623;" onclick=cancel({{=it.basic.order_id}},{{=it.product_id}})>取消订单</div>
        {{?}}
        {{? it.is_button.is_refund == 1}}
        <div class="aui-btn" style="background-color: #009587;" onclick=refund({{=it.basic.order_id}},{{=it.product_id}})>申请退票</div>
        <div class="aui-btn aui-btn-warning" onclick="callTel('0351-8222211');" >改签</div>
        {{?}}
        <div class="aui-btn aui-btn-success" onclick=refresh()>刷新</div>
    </div>
    {{ } }}

    {{ if(it.product_id == 1){ }}
    <ul class="aui-list aui-media-list">
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-row aui-row-padded order_header">
                    <div class="aui-col-xs-4">
                        <span>{{=it.basic.take_off_place}}</span><br>
                        <span>{{=it.basic.take_off_time.slice(10)}}</span><br>
                        <span>{{=it.basic.take_off_time.slice(0,10)}}</span>
                    </div>
                    <div class="aui-col-xs-4">
                        <span>{{=it.basic.flight_number}}</span>
                        <img src="../../../image/time_table.png" alt="">
                        <span>{{=it.basic.flight_duration}}</span>
                    </div>
                    <div class="aui-col-xs-4">
                        <span>{{=it.basic.to_ground_place}}</span><br>
                        <span>{{=it.basic.to_ground_time.slice(10)}}</span><br>
                        <span>{{=it.basic.to_ground_time.slice(0,10)}}</span>
                    </div>
                </div>
            </div>
        </li>
    </ul>

    <!--step1:订单概况-->
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                订单概况
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">创建人</div>
                <div class="aui-list-item-right">{{=it.situation.create_user_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">创建方式</div>
                <div class="aui-list-item-right">{{=it.situation.pay_device}}端</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">创建时间</div>
                <div class="aui-list-item-right">{{=it.situation.create_time.slice(0,10)}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">预订人</div>
                <div class="aui-list-item-right">{{=it.situation.book_user_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">所属公司</div>
                <div class="aui-list-item-right">{{=it.situation.company_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">所属部门</div>
                <div class="aui-list-item-right">{{=it.situation.department_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">订单状态</div>
                <div class="aui-list-item-right">{{=it.situation.status_text}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">订单金额</div>
                <div class="aui-list-item-right">￥{{=it.situation.order_total_price}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">实退总额</div>
                <div class="aui-list-item-right">￥
                    {{?it.refund.refund_money}}
                    {{=it.refund.refund_money}}
                    {{??}}
                    0
                    {{?}}
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">订单情况</div>
                <div class="aui-list-item-right">

                </div>
            </div>
        </li>
    </ul>
    <!--step3:乘车人-->
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                乘机人({{=it.rider.number}}人)
            </div>
        </li>
        {{ for(var prop in it.rider.rider_list){  }}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">乘机人</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].travel_user_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">证件类型</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].travel_user_idcard_type}}</div>
            </div>
        </li>
        {{? it.rider.rider_list[prop].approve_type == 0 || it.rider.rider_list[prop].approve_type == null}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">审批类型</div>
                <div class="aui-list-item-right">免审</div>
            </div>
        </li>
        {{?}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">证件号</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].travel_user_idcard_number}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">舱位</div>
                <div class="aui-list-item-right">{{=it.basic.shipping_space}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">票价</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].ticket_price}}</div>
            </div>
        </li>
        {{? it.basic.order_type === 0}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">成本中心</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].cost_name}}</div>
            </div>
        </li>
        {{?}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">手机号码</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].travel_user_mobile}}</div>
            </div>
        </li>
        <li class="aui-list-item passenger">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">短信状态</div>
                <div class="aui-list-item-right">{{=it.rider.rider_list[prop].message_confirm}}</div>
            </div>
        </li>
        {{ } }}
    </ul>
    <!--step4:政策执行-->
    {{? it.situation.type_name != '因私'}}
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                政策执行({{=it.policy.is_violation}})

            </div>
        </li>
        {{? it.policy.is_violation == '不违规'}}
        <li class="policy">
            {{=it.policy.is_violation}}
        </li>
        {{??}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">政策执行标准</div>
                <div class="aui-list-item-right">
                    {{=it.policy.policy_execute_policy_name}}
                </div>
            </div>
            <!--政策执行标准:{{=it.policy.policy_execute_policy_name}}-->
        </li>
        {{? it.policy.is_violation == '违规'}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">违规类型</div>
                <div class="aui-list-item-right">
                    {{=it.policy.check_msg}}
                </div>
            </div>
        </li>
        {{?}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">规定标准</div>
                <div class="aui-list-item-right">{{=it.policy.policy_execute_policyStr}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">实际情况</div>
                <div class="aui-list-item-right">{{=it.policy.discount}}折</div>
            </div>
        </li>
        {{? it.policy.is_violation == '违规'}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">违规原因</div>
                <div class="aui-list-item-right">{{=it.policy.violation_reason_cause}}</div>
            </div>
        </li>
        {{?}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">备注</div>
                <div class="aui-list-item-right">{{=it.policy.violation_reason_remark}}</div>
            </div>
        </li>
        {{?}}

    </ul>
    {{?}}
    <!--step5:审批信息-->
    {{? it.examine.is_approved != 0}}
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                审批信息
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">审批状态</div>
                <div class="aui-list-item-right">{{=it.examine.approve_status}}</div>
            </div>
        </li>
        <!--<li class="aui-list-item">-->
        <!--<div class="aui-list-item-inner">-->
        <!--<div class="aui-list-item-title">审批选择类型</div>-->
        <!--<div class="aui-list-item-right">{{=it.examine.approve_type}}</div>-->
        <!--</div>-->
        <!--</li>-->
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">审批人</div>
                <div class="aui-list-item-right">{{=it.examine.approve_user}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">审批截止时间</div>
                <div class="aui-list-item-right">{{=it.examine.approve_last_time}}</div>
            </div>
        </li>
    </ul>
    {{?}}
    <!--step6:审批轨迹-->
    {{? it.examine.orNotName == '需要审核'}}
    {{? it.track}}
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                审批轨迹
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">最后审核人</div>
                <div class="aui-list-item-right">
                    {{? it.track.approved_user_name}}
                    {{=it.track.approved_user_name}}
                    {{??}}
                    暂无
                    {{?}}
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">最后审批时间</div>
                <div class="aui-list-item-right">
                    {{? it.track.approved_user_name}}
                    {{=it.track.approve_time}}
                    {{??}}
                    暂无
                    {{?}}
                </div>
            </div>
        </li>
    </ul>
    {{?}}{{?}}
    <!--step7:出行原因-->
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                出行原因
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">出行原因或目的</div>
                <div class="aui-list-item-right">
                    {{? it.business_reason}}
                    {{=it.business_reason}}
                    {{??}}
                    暂无
                    {{?}}
                </div>
            </div>
        </li>
    </ul>
    <!--step8:联系人-->
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                联系人
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">联系人</div>
                <div class="aui-list-item-right">
                    {{? it.linkman.consignee == ''}}
                    暂无
                    {{??}}
                    {{=it.linkman.consignee}}
                    {{?}}
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">手机号</div>
                <div class="aui-list-item-right">
                    {{? it.linkman.consignee_mobile == ''}}
                    暂无
                    {{??}}
                    {{=it.linkman.consignee_mobile}}
                    {{?}}
                </div>
            </div>
        </li>
    </ul>
    <!--step10:支付信息-->

    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                支付信息
            </div>
        </li>
        {{? it.pay_info.pay_status != 0}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付状态</div>
                <div class="aui-list-item-right">{{=it.pay_info.pay_text}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付英文名称</div>
                <div class="aui-list-item-right">{{=it.pay_info.pay_code}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付中文名称</div>
                <div class="aui-list-item-right">{{=it.pay_info.pay_name}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付设备</div>
                <div class="aui-list-item-right">{{=it.pay_info.pay_device}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付订单号</div>
                <div class="aui-list-item-right">{{=it.pay_info.transaction_id}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">支付时间</div>
                <div class="aui-list-item-right">{{=it.pay_info.pay_create_time}}</div>
            </div>
        </li>
        {{??}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div>暂无支付相关信息</div>
            </div>
        </li>
        {{?}}
    </ul>

    <!--step11:退票信息-->

    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                退票信息
            </div>
        </li>
        {{? it.situation.status == 7}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">退票状态</div>
                <div class="aui-list-item-right">{{=it.refund.msg}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">退票金额</div>
                <div class="aui-list-item-right">￥{{=it.refund.refund_money}}</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">退票时间</div>
                <div class="aui-list-item-right">{{=it.refund.update_time}}</div>
            </div>
        </li>
        {{??}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div>暂无退票相关信息</div>
            </div>
        </li>
        {{?}}
    </ul>

    <!--step12:更多信息-->
    {{? it.memo.memo1 || it.memo.memo2 || it.memo.memo3}}
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                更多信息(为企业预留扩展信息)
            </div>
        </li>
        {{? it.memo.memo1}}
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">备注一</div>
                <div class="aui-list-item-right">备注一内容</div>
            </div>
        </li>
        {{?}}
    </ul>
    {{?}}

    {{? it.is_button.is_refund != 1 && it.is_button.is_cancel != 1 && it.is_button.is_pay != 1}}
    {{? it.situation.status == -1 || it.situation.status == 0 || it.situation.status == 2 || it.situation.status == 3  || it.situation.status == 6 || it.situation.status == 9 || it.situation.status == 10}}
    <ul class="aui-list aui-list-in">
        <li class="aui-list-item aui-list-item-middle">
            <div class="aui-media-list-item-inner">
                提示
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">温馨提示</div>
                <div class="aui-list-item-right">订单正在处理,请耐心等待。</div>
            </div>
        </li>
    </ul>
    {{?}}{{?}}

    <div class="btn" style="color:#ffffff;">

        <div class="aui-btn aui-btn-success" onclick="backHome();">回到首页</div>

        {{? it.is_button.is_pay == 1}}
        <div class="aui-btn" style="background-color: #229FFD;" onclick=pay('{{=it.situation.user_orderid}}',{{=it.product_id}},{{=it.situation.order_total_price}},{{= it.pay_deadline}})>继续支付</div>
        {{?}}
        {{? it.is_button.is_cancel == 1}}
        <div class="aui-btn" style="background-color: #FE5623;" onclick=cancel({{=it.basic.order_id}},{{=it.product_id}})>取消订单</div>
        {{?}}
        {{? it.is_button.is_refund == 1}}
        <div class="aui-btn" style="background-color: #009587;" onclick=refund({{=it.basic.order_id}},{{=it.product_id}})>申请退票</div>
        <div class="aui-btn aui-btn-warning"  onclick="callTel('0351-8222211');">改签</div>
        {{?}}
        {{? it.is_button.is_counter == 1}}
        <div class="aui-btn" style="background-color:#58B070;" onclick=opennew('{{=it.url}}')>值机</div>
        {{?}}
        <div class="aui-btn aui-btn-success" onclick=refresh()>刷新</div>
    </div>
    {{ } }}

    {{if(it.product_id == 3){ }}
      <!--step1:订单概况-->
      <div class="aui-list">
          <table style="padding: 10px;padding-top: 0;">
              <tr>
                  <td colspan="2">
                      <span style="font-weight: bolder;">{{= it.basic.time }} {{= it.basic.arrival_days}}晚</span>
                  </td>
              </tr>
              <tr><td colspan="2">酒店名称</td></tr>
              <tr><td colspan="2"><span style="font-weight: bolder;">{{= it.basic.hotel_name}}</span></td></tr>
              <tr>
                  <td width="200">
                      到店时间
                  </td>
                  <td>
                      房型
                  </td>
              </tr>
              <tr>
                  <td>
                      <span style="font-weight: bolder;">{{= it.basic.earlies_arrival_time}}</span>
                  </td>
                  <td>
                      <span style="font-weight: bolder;">{{= it.basic.room_type_name}}</span>
                  </td>
              </tr>
              <tr>
                  <td>
                      房间数量
                  </td>
                  <td>
                      早餐
                  </td>
              </tr>
              <tr>
                  <td>
                      <span style="font-weight: bolder;">{{= it.basic.room_numbers}}</span>
                  </td>
                  <td>
                      <span style="font-weight: bolder;">{{= it.basic.breakfast}}</span>
                  </td>
              </tr>
              <tr>
                  <td>
                      单价
                  </td>
                  <td>
                      订单总额
                  </td>
              </tr>
              <tr>
                  <td>
                      <span style="font-weight: bolder;color: #FF1414;">￥{{= it.situation.price }}</span>
                  </td>
                  <td>
                      <span style="font-weight: bolder;color: #FF1414;">￥{{= it.situation.order_total_price }}</span>
                  </td>
              </tr>
          </table>
      </div>
      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  订单概况
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">创建人</div>
                  <div class="aui-list-item-right">{{=it.situation.create_user_name}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">创建方式</div>
                  <div class="aui-list-item-right">{{=it.situation.pay_device}}端</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">创建时间</div>
                  <div class="aui-list-item-right">{{=it.situation.create_time.slice(0,10)}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">预订人</div>
                  <div class="aui-list-item-right">{{=it.situation.book_user_name}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">所属公司</div>
                  <div class="aui-list-item-right">{{=it.situation.company_name}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">所属部门</div>
                  <div class="aui-list-item-right">{{=it.situation.department_name}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">订单状态</div>
                  <div class="aui-list-item-right">{{=it.situation.status_text}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">订单金额</div>
                  <div class="aui-list-item-right">￥{{=it.situation.order_total_price}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">实退总额</div>
                  <div class="aui-list-item-right">￥
                      {{?it.refund.refund_money}}
                      {{=it.refund.refund_money}}
                      {{??}}
                      0
                      {{?}}
                  </div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">订单情况</div>
                  <div class="aui-list-item-right">

                  </div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">最后取消时间</div>
                  <div class="aui-list-item-right">
                      {{= it.situation.cancel_time}}
                  </div>
              </div>
          </li>
      </ul>
      <!--step3:入住人-->
      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  入住人({{=it.rider.number}}人)
              </div>
          </li>
          {{ for(let prop in it.rider.rider_list){  }}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">入住人姓名</div>
                  <div class="aui-list-item-right">{{=it.rider.rider_list[prop].travel_user_name}}</div>
              </div>
          </li>
          {{? it.rider.rider_list[prop].approve_type == 0 || it.rider.rider_list[prop].approve_type == null}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">审批类型</div>
                  <div class="aui-list-item-right">免审</div>
              </div>
          </li>
          {{?}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">房价</div>
                  <div class="aui-list-item-right">{{=it.rider.rider_list[prop].ticket_price}}</div>
              </div>
          </li>
          {{? it.basic.order_type === 0}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">成本中心</div>
                  <div class="aui-list-item-right">{{=it.rider.rider_list[prop].cost_name}}</div>
              </div>
          </li>
          {{?}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">手机号码</div>
                  <div class="aui-list-item-right">{{=it.rider.rider_list[prop].travel_user_mobile}}</div>
              </div>
          </li>
          <li class="aui-list-item passenger">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">短信状态</div>
                  <div class="aui-list-item-right">{{=it.rider.rider_list[prop].message_confirm}}</div>
              </div>
          </li>
          {{ } }}
      </ul>
      <!--step4:政策执行-->
      {{? it.situation.type_name != '因私'}}
      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  政策执行({{=it.policy.is_violation}})

              </div>
          </li>
          {{? it.policy.is_violation == '不违规'}}
          <li class="policy">
              {{=it.policy.is_violation}}
          </li>
          {{??}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">政策执行标准</div>
                  <div class="aui-list-item-right">
                      {{=it.policy.policy_execute_policy_name}}
                  </div>
              </div>
              <!--政策执行标准:{{=it.policy.policy_execute_policy_name}}-->
          </li>
          {{? it.policy.is_violation == '违规'}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">违规类型</div>
                  <div class="aui-list-item-right">
                      {{=it.policy.check_msg}}
                  </div>
              </div>
          </li>
          {{?}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">规定标准</div>
                  <div class="aui-list-item-right">
                      {{ if(it.policy.is_policy_collect == 1){ }}
                        {{ for(let prop in it.policy.policy_execute_policyStr){  }}
                            <div>{{=it.policy.policy_execute_policyStr[prop]}}</div>
                        {{ } }}
                      {{ }else{ }}
                        {{=it.policy.policy_execute_policyStr}}
                      {{ } }}

                  </div>
              </div>
          </li>
          {{? it.policy.is_violation == '违规'}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">违规原因</div>
                  <div class="aui-list-item-right">{{=it.policy.violation_reason_cause}}</div>
              </div>
          </li>
          {{?}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">备注</div>
                  <div class="aui-list-item-right">{{=it.policy.violation_reason_remark}}</div>
              </div>
          </li>
          {{?}}

      </ul>
      {{?}}
      <!--step5:审批信息-->
      {{? it.examine.is_approved != 0}}
      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  审批信息
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">审批状态</div>
                  <div class="aui-list-item-right">{{=it.examine.approve_status}}</div>
              </div>
          </li>
          <!--<li class="aui-list-item">-->
          <!--<div class="aui-list-item-inner">-->
          <!--<div class="aui-list-item-title">审批选择类型</div>-->
          <!--<div class="aui-list-item-right">{{=it.examine.approve_type}}</div>-->
          <!--</div>-->
          <!--</li>-->
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">审批人</div>
                  <div class="aui-list-item-right">{{=it.examine.approve_user}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">审批截止时间</div>
                  <div class="aui-list-item-right">{{=it.examine.approve_last_time}}</div>
              </div>
          </li>
      </ul>
      {{?}}
      <!--step6:审批轨迹-->
      {{? it.examine.orNotName == '需要审核'}}
      {{? it.track}}
      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  审批轨迹
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">最后审核人</div>
                  <div class="aui-list-item-right">
                      {{? it.track.approved_user_name}}
                      {{=it.track.approved_user_name}}
                      {{??}}
                      暂无
                      {{?}}
                  </div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">最后审批时间</div>
                  <div class="aui-list-item-right">
                      {{? it.track.approved_user_name}}
                      {{=it.track.approve_time}}
                      {{??}}
                      暂无
                      {{?}}
                  </div>
              </div>
          </li>
      </ul>
      {{?}}{{?}}
      <!--step7:出行原因-->
      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  出行原因
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">出行原因或目的</div>
                  <div class="aui-list-item-right">
                      {{? it.business_reason}}
                      {{=it.business_reason}}
                      {{??}}
                      暂无
                      {{?}}
                  </div>
              </div>
          </li>
      </ul>
      <!--step8:联系人-->
      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  联系人
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">联系人</div>
                  <div class="aui-list-item-right">
                      {{? it.linkman.consignee == ''}}
                      暂无
                      {{??}}
                      {{=it.linkman.consignee}}
                      {{?}}
                  </div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">手机号</div>
                  <div class="aui-list-item-right">
                      {{? it.linkman.consignee_mobile == ''}}
                      暂无
                      {{??}}
                      {{=it.linkman.consignee_mobile}}
                      {{?}}
                  </div>
              </div>
          </li>
      </ul>
      <!--step10:支付信息-->

      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  支付信息
              </div>
          </li>
          {{? it.pay_info.pay_status != 0}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">支付状态</div>
                  <div class="aui-list-item-right">{{=it.pay_info.pay_text}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">支付英文名称</div>
                  <div class="aui-list-item-right">{{=it.pay_info.pay_code}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">支付中文名称</div>
                  <div class="aui-list-item-right">{{=it.pay_info.pay_name}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">支付设备</div>
                  <div class="aui-list-item-right">{{=it.pay_info.pay_device}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">支付订单号</div>
                  <div class="aui-list-item-right">{{=it.pay_info.transaction_id}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">支付时间</div>
                  <div class="aui-list-item-right">{{=it.pay_info.pay_create_time}}</div>
              </div>
          </li>
          {{??}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div>暂无支付相关信息</div>
              </div>
          </li>
          {{?}}
      </ul>

      <!--step11:退房信息-->

      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  退房信息
              </div>
          </li>
          {{? it.situation.status === 7 || it.situation.status === 8 }}
          <!--<li class="aui-list-item">-->
          <!--<div class="aui-list-item-inner">-->
          <!--<div class="aui-list-item-title">退房状态</div>-->
          <!--<div class="aui-list-item-right">{{=it.refund.msg}}</div>-->
          <!--</div>-->
          <!--</li>-->
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">退房金额</div>
                  <div class="aui-list-item-right">￥{{=it.refund.refund_money}}</div>
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">退房时间</div>
                  <div class="aui-list-item-right">{{=it.refund.update_time}}</div>
              </div>
          </li>
          {{??}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div>暂无退房相关信息</div>
              </div>
          </li>
          {{?}}
      </ul>

      <!--step12:更多信息-->
      {{? it.memo.memo1 || it.memo.memo2 || it.memo.memo3}}
      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  更多信息(为企业预留扩展信息)
              </div>
          </li>
          {{? it.memo.memo1}}
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">备注一</div>
                  <div class="aui-list-item-right">备注一内容</div>
              </div>
          </li>
          {{?}}
      </ul>
      {{?}}

      {{? it.is_button.is_refund != 1 && it.is_button.is_cancel != 1 && it.is_button.is_pay != 1}}
      {{? it.situation.status == -1 || it.situation.status == 0 || it.situation.status == 2 || it.situation.status == 3  || it.situation.status == 6 || it.situation.status == 9 || it.situation.status == 10}}
      <ul class="aui-list aui-list-in">
          <li class="aui-list-item aui-list-item-middle">
              <div class="aui-media-list-item-inner">
                  提示
              </div>
          </li>
          <li class="aui-list-item">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-title">温馨提示</div>
                  <div class="aui-list-item-right">订单正在处理,请耐心等待。</div>
              </div>
          </li>
      </ul>
      {{?}}{{?}}
      <div class="btn" style="color:#ffffff;">
          <div class="aui-btn aui-btn-success" onclick="backHome();">回到首页</div>

          {{? it.is_button.is_pay == 1}}
              <div class="aui-btn" style="background-color: #229FFD;" onclick=pay('{{=it.situation.user_orderid}}','{{=it.product_id}}','{{=it.situation.order_total_price}}','{{= it.pay_deadline}}')>继续支付</div>
          {{?}}
          {{? it.is_button.is_cancel == 1}}
          <div class="aui-btn" style="background-color: #FE5623;" onclick='cancel("{{= it.basic.order_id}}","{{=it.product_id}}")'>取消订单</div>
          {{?}}
          {{? it.is_button.is_refund == 1}}
          <div class="aui-btn" style="background-color: #009587;" onclick=refund({{= it.basic.order_id}},{{=it.product_id}})>申请退房</div>
          {{?}}

          <div class="aui-btn aui-btn-success" onclick=refresh()>刷新</div>
      </div>
    {{ } }}
</script>
<!--详情 end-->
<script>
    var user_orderid  = "";
    apiready = function() {
        api.parseTapmode();
        user_orderid = api.pageParam.user_orderid;
        order_infor();
        api.addEventListener({
            name: 'payStatusEvt'
        }, function(ret){
            location.reload();
        });
    };
    /**
     * 支付
     * order_id 订单id
     * product_id 订单类型
     * order_total_price 订单金额
     * pay_deadline 截止支付时间
     * */
    function pay(order_id,product_id,order_total_price,pay_deadline){
      console.log(pay_deadline);
        api.openWin({
            name: 'payment_win',
            url: './payment_win.html',
            pageParam: {
                order_id: order_id,
                product_id: product_id,
                order_total_price: order_total_price,
                pay_deadline: pay_deadline
            }
        });
    }
    /**
     * 取消订单
     * order_id 订单id
     * product_id 订单类型
     * order_total_price 订单金额
     * */
    function cancel(order_id){
        var dialog = new auiDialog({});
        dialog.alert({
            title:"请输入原因",//标题
            buttons:['取消','确定'],
            input:true //是否有input输入框
        },function(ret){
            if(ret.buttonIndex == 2){
                var content_text = ret.text;
                var param = {};
                param.url = Config.order.orderCancel;
                param.data = {'order_id':order_id,'cause':content_text};
                // console.log($api.jsonToStr(param));
                ajax(param,function(ret){
                    console.log($api.jsonToStr(ret));
                    if(ret.code == 1){
                        $alert(ret.msg,function(){
                            location.reload();
                        });
                    } else {
                        $alert(ret.msg);
                    }
                });
            }
        })
    }

    /**
     * 退票
     * order_id 订单id
     * product_id 订单类型
     * order_total_price 订单金额
     * */
    function refund(order_id,product_id){
        var dialog = new auiDialog({});
        dialog.alert({
            title:"请输入原因",//标题
            buttons:['取消','确定'],
            input:true //是否有input输入框
        },function(ret){
            if(ret.buttonIndex == 2){
                var content_text = ret.text;
                var param = {};
                param.url = Config.order.orderRefund;
                param.data = {'order_id':order_id,'order_type':product_id,'cause':content_text};
                ajax(param,function(ret){
                    if(ret.code == 1){
                      $alert(ret.msg,function(){
                          location.reload();
                      });
                    } else {
                      $alert(ret.msg);
                    }
                });
            }
        })
    }
    /*请求订单详情数据接口*/
    function order_infor (){
        var param = {};
        param.url = Config.order.getOrderInfo;
        param.data = {'user_orderid':user_orderid};
        ajax(param,function(ret){
          // console.log(JSON.stringify(ret));
            if(ret.code != 1){
                $toast(ret.msg);
                return false;
            } else {
                var interText = doT.template($("#interpolationtmpl").text());
                $("#order_infor").html(interText(ret.data));
            }
        })
    }
    //值机链接
    function opennew(seatUrl) {
      api.openFrame({
          name: 'planeSeat',
          url: seatUrl,
          rect: {
              x: 0,
              y: api.pageParam.plane_seat_height,
              w: api.frameWidth,
              h: api.frameHeight
          },
          bounces: false,
          bgColor: 'rgba(0,0,0,0)',
          vScrollBarEnabled: true,
          hScrollBarEnabled: true
      });

    }

    function refresh(){
        location.reload();
    }

</script>
</html>
